/**
    自己定义的相关的样式。
 */
* {
    margin: 0;
    padding: 0;
}




.operateSuccess{
  background-color: #DCDFE6;
  color: hotpink;

}

.el-loading-spinner i{
    font-size: 50px;
}

/*------动画--------*/
/*----动画-----*/
@keyframes floatTowardLeft {
  0%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: -100px;
    color: red;
  }
  10%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: -50px;
    color: orange;
  }
  20%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 0;
    color: green;
  }
  30%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 50px;
    color: chartreuse;
  }
  40%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 100px;
    color: blue;
  }
  50%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 150px;
    color: orchid;
  }
  60%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 200px;
  }
  70%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 250px;
    color: hotpink;
  }
  80%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 300px;
    color: blanchedalmond;
  }
  90%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 350px;
    color: gold;
  }


  100%{
    position: absolute;
    width: 100%;
    margin-right: 10px;
    top: -20px;
    right: 400px;
    color: black;
  }
}

/*------end-------*/

/*-------*/
@keyframes floatTowardRight {
  0%{

    position: absolute;
    width: 200px;
    right: 180px;
    top: -20px;
    color: rebeccapurple;
  }
  10%{
    position: absolute;
    width: 200px;
    right: 142px;
    top: -20px;
    color: gold;
  }
  20%{
    position: absolute;
    width: 200px;
    right: 104px;
    top: -20px;
    color: hotpink;
  }
  30%{
    position: absolute;
    width: 200px;
    right: 66px;
    top: -20px;
    color: green;
  }
  40%{
    position: absolute;
    width: 200px;
    right: 28px;
    top: -20px;
    color: red;
  }
  50%{
    position: absolute;
    width: 200px;
    right: -10px;
    top: -20px;
    color: orange;
  }
  60%{
    position: absolute;
    width: 200px;
    right: -48px;
    top: -20px;
    color: blueviolet;
  }
  70%{
    position: absolute;
    width: 200px;
    right: -86px;
    top: -20px;
    color: aqua;
  }
  80%{
    position: absolute;
    width: 200px;
    right: -124px;
    top: -20px;
  }
  90%{
    position: absolute;
    width: 200px;
    right: -162px;
    top: -20px;
    color: yellow;
  }
  100%{
    position: absolute;
    width: 200px;
    right: -180px;
    top: -20px;
    color: dodgerblue;
  }


}
/*------*/


